<template>
  <div class="play-list-btn mdf" @click="play">
      <i class="iconfont icon-play1 mttc mdf"></i>
      <div class="mttc">随机播放全部</div>
  </div>
</template>

<script>
export default {
    methods:{
        play(){
            this.$emit('play')
        }
    }
}
</script>

<style scoped>
    .play-list-btn {
        padding: 8px 10px;
        border: 1px solid var(--color-theme);
        font-size: 12px;
        border-radius: 16px;
    }
    .icon-play1 {
          width: 10px;
          height: 10px;
          font-size: 10px;
          border: 1px solid var(--color-theme);
          border-radius: 100%;
          margin-right: 8px;
          padding: 2px;
    }
</style>